.dx-panorama {
    height: 100%;

    background-position-y: 0;
    background-repeat: repeat-x;
    .background-size(auto, 100%);
    .touch-action(pinch-zoom);
}

.dx-panorama-wrapper {
    position: relative;

    height: 100%;

    overflow: hidden;
}

.dx-panorama-title,
.dx-panorama-ghosttitle {
    position: absolute;

    left: 0;

    height: 70px;
    font-size: 65px;
    line-height: 0.7692;

    white-space: nowrap;
}

.dx-panorama-itemscontainer {
    position: absolute;

    width: 100%;

    top: 70px;
    bottom: 0;
}

.dx-panorama-item,
.dx-panorama-ghostitem {
    position: absolute;

    width: 88%;
    height: 100%;

    left: 0;
}

.dx-panorama-item-title {
    font-size: 30px;

    line-height: 1.5;
}

.dx-panorama-item-content {
    position: absolute;
    top: 45px;
    left: 0;
    right: 0;
    bottom: 0;

    &:first-child {
        top: 0;
    }
}
